body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #505050;
    background-color: #fff;
}

body p {
	font: normal 14px/26px Arial;text-indent: 28px;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles from book
-----------------------------------------------------------*/
/*
BODY { font-family: Cambria, Georgia, "Times New Roman"; margin: 0; }
DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A {
font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;
}
DIV#header { background-color: #444; border-bottom: 2px solid #111; color: White; }
DIV#header DIV.title { font-size: 2em; padding: .6em; }
DIV#content { border-left: 2px solid gray; margin-left: 9em; padding: 1em; }
DIV#categories { float: left; width: 8em; padding: .3em; }
DIV.item { border-top: 1px dotted gray; padding-top: .7em; margin-bottom: .7em; }
DIV.item:first-child { border-top:none; padding-top: 0; }
DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; }
DIV.item H4 { font-size: 1.1em; margin:.4em 0 0 0; }
DIV.pager { text-align:right; border-top: 2px solid silver;
padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none;
padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }

DIV#categories A
{
font: bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial; display: block;
text-decoration: none; padding: .6em; color: Black;
border-bottom: 1px solid silver;
}
DIV#categories A.selected { background-color: #666; color: White; }
DIV#categories A:hover { background-color: #CCC; }
DIV#categories A.selected:hover { background-color: #666; }

FORM { margin: 0; padding: 0; }
DIV.item FORM { float:right; }
DIV.item INPUT {
color:White; background-color: #333; border: 1px solid black; cursor:pointer;
}

DIV#cart { float:right; margin: .8em; color: Silver;
background-color: #555; padding: .5em .5em .5em 1em; }
DIV#cart A { text-decoration: none; padding: .4em 1em .4em 1em; line-height:2.1em;
margin-left: .5em; background-color: #333; color:White; border: 1px solid black;}

H2 { margin-top: 0.3em }
TFOOT TD { border-top: 1px dotted gray; font-weight: bold; }
.actionButtons A, INPUT.actionButtons {
font: .8em Arial; color: White; margin: .5em;
text-decoration: none; padding: .15em 1.5em .2em 1.5em;
background-color: #353535; border: 1px solid black;
}

@333333 font
#0088cc 
*/
/* Style by Aaron
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.container {
	width: 980px;margin: 0 auto;
}


/*-------container includes: .header, #content, and #footer---------*/
.header {
	width: 980px;height: 150px;
}
#footer {
	clear: both;margin-top: 33px;padding-top: 20px;background-image: url(images/bg_footer_banner.png);background-position: top;height: 80px;
}
#footer p {
	text-align: center;
}
/*------Start: Top Menu Related-----*/
.topmenuwrapper {
	clear: both;width: 980px;height: 60px;background-image: url(images/bg_shadow_divider.png);background-position:50% 80%;background-repeat: no-repeat;
}

.topmenu {
	 list-style-type: none;
}
.topmenu li {
	/*display: inline;*/width: 195px;float: left;height: 60px;border-left:1px solid rgb(75,150,206)
}
.topmenu li:hover {
	background-color: rgb(75, 150, 206);
}
.topmenu li.selected {
	background-color: rgb(75, 150, 206);
}
.topmenu li a {
	float: left; display: block;width: 179px;height: 30px;padding: 10px 0px 0px 20px;background-color: white;line-height: 30px;text-decoration: none;
}
.topmenu li a:visited{
	color: rgb(75, 150, 206);
}
.topmenu li a:link{
	color: rgb(75, 150, 206);
}
.topmenu li a:hover {
	/*color: white;*/font-weight: bold;
}
.topmenu li#home {
	width: 180px;
}
.topmenu li#home {
	/*width: 157px;border-left: none;*/border: none;
}
#search {
	position: absolute;left: 850px;top: 40px;
}
.logo {
	float: left;width: 980px;height: 80px;background-image: url('images/logo.png');
}
/*------End: Top Menu Related-----*/

/*------Start: Left Menu Related-----*/
#leftmenu{
	float: left;width: 180px;
}
#leftmenu ul {
	list-style-type: none;
}
#leftmenu li#menutitle {
	background: #ffffff url(images/menutitle.jpg) no-repeat left;border: none;
}
#leftmenu li {
	padding: 5px 0px 5px 20px;margin: 2px 0px 2px 0px;background:#ffffff url(images/bg_nav_item.gif) no-repeat 5% 50%; 
}
#leftmenu li.selected {
	background: #ffffff url(images/bg_nav_item_selected.png) no-repeat 5% 50%;
}
#leftmenu li a {
	color: #000000;text-decoration: none;
}
#leftmenu li a:hover {
	text-decoration: underline;
}

#leftmenu li.selected a{
	color: rgb(75, 150, 206);
}
/*------End: Left Menu Related-----*/

/*------Start: Content Related ---*/
#content {
	clear: both;width: 980px;min-height: 500px; 
}
#content h1 {
	height: 20px;margin-bottom: 30px;padding: 0px 175px 3px 210px;border-bottom: 1px solid #bcbec0;color: rgb(75, 150, 206);font-weight: normal;font-size: 18px;
}

#contentcol {
	float: right;width: 770px;
}


#thumbnailsContainer {
	width: auto;height: auto;
}
#thumbnailsContainer div.name a {
	font-size: 0.8em;
}


.imgWrp {
	margin: 5px;border: 1px solid #dedfe1;height: 180px;width: 180px;float: left;
}
.imgWrp img {
	height: 140px;width: 168px;margin: 5px 5px 0px 5px; border: 1px solid #ffffff;
}
.imgWrp a {
	display: block;
}
.imgWrp a:hover img {
	border: 1px solid rgb(75, 150, 206);
}
.imgWrp .name {
	text-align: center;
}
.imgWrp .name a {
	text-decoration: none;display: block;width: 170px;height: 30px;margin: 0px 5px 5px 5px;color: #6d6e71;
}
.imgWrp .name a:hover {
	color: rgb(75, 150, 206)
}



/*------End: Content Related ---*/

/*------End: BreadCrumb Related ---*/
#breadCrumb {
	width: auto; height: 25px;
}
#breadCrumb #breadCrumbWrp {
	position: relative;top: -20px; font-size: 12px;background-image: url(images/breadCrumbBg.png);width: 770px;text-align: right;
}
#breadCrumb #breadCrumbWrp text {
	color: #6d6e71;
}
#breadCrumb #breadCrumbWrp a {
	color: #6d6e71;
}
/*------End: BreadCrumb Related --#a7a9ac-*/


/*------End: Pager Related ---*/
div .space { clear: both;height: 20px;width: 100%}
DIV.pager {clear: both;position: relative;top: 10px; text-align:right; border-top: 1px solid silver;
padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none;
padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }
/*------Start: Pager Related ---*/




/*------End: Download Page Related ---*/
.downloadItem {clear: both; height: 220px}
.downloadItem .downloadImg {margin: 5px;border: 1px solid #dedfe1;height: 180px;width: 180px;float: left;}
.downloadItem .downloadImg img{ height: 179px;width: 179px;}
.downloadList .downloadDesc { margin: 5px;height: 180px;width: 100%}

/*------Start: Download Page Related ---*/


/*------End: Home Page Related ---*/
#scrollerWrapper{height:200px;width:980px;margin:20px 0px 30px 0px;}
#makeMeScrollable{height:200px;position: relative;}
#scrollingHotSpotLeft{width: 80px;height: 180px;background-image: url(images/scroller_left.gif);background-color: #ffffff;background-repeat: no-repeat;background-position: center center;opacity: 0.35;position: absolute;left: 0;z-index: 30;cursor: url(images/cursor_arrow_left.cur),w-resize;}
#scrollingHotSpotRight{width: 80px;height: 180px;background-image: url(images/scroller_right.gif);background-color: #ffffff;background-repeat: no-repeat;background-position: center center;opacity: 0.35;position: absolute;right: 0;z-index: 30;cursor: url(images/cursor_arrow_right.cur),e-resize;}
#scrollWrapper{ height: 100%;width: 100%;overflow: hidden;z-index: 10;position: relative;}
#scroller1{ width: 1520px;height: 210px; position: absolute;}
#scroller2{ width: 1520px;height: 210px; position: absolute;left: 1520px;}
#scrollWrapper .itemWrapper{ float: left;width: 190px;height: 210px;}
#scrollWrapper .itemWrapper .item { margin: 5px 5px;width: 180px;height: 200px;}
#scrollWrapper .itemWrapper .item .itemImg { width: 178px;height: 168px;border: rgb(75, 150, 206) 1px solid;}
#scrollWrapper .itemWrapper .item .itemText {text-align:center;height:23px;line-height:23px;}
#scrollWrapper .itemWrapper .item .itemText a {font-size: 12px; color: #666; text-decoration: none;}


.homepageGap {clear: both;display: block;margin: 10px 0px 20px 0px;width: 980px;height: 11px;background-image:  url(images/bg_shadow_divider.png);}

#hpWrp{ clear: both;width: 980px;height: 252px;background: url(images/bg_hp_content.gif) repeat-y;}
#hpText { width: 555px;height: 250px;float: left;padding: 0px 5px 0px 20px;}
#hpText h1{ font-size: 20px;color: rgb(75, 150, 206);font-weight: bold; }
#hpText p{text-indent: 0px; font-size: 13px}
#ad { width: 380px;height: 250px;float: right;}
#ad h1{ font-size: 20px;color: rgb(75, 150, 206);font-weight: bold;}
#ad p{text-indent: 0px;}
/*------Start: Home Page Related ---*/